导航菜单
首页 >  ASPNET Framework MVC 使用UEditor富文本  > SNF快速开发平台MVC

SNF快速开发平台MVC

mvc项目中用到了这个富文本编辑就试着把遇到的问题个使用步骤在这里记录一下,希望大家少走弯路。

1.首先我们先下载net版本的uediot

SNF快速开发平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net MVC下使用步骤_SNF

2.然后把整个文档拷贝到我们的项目中,记得是整个

  把下载的文件改成ueditor名称,添加到Content文件夹里面

SNF快速开发平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net MVC下使用步骤_SNF_02

在ueditor文件夹下面的net文件夹创建一个upload文件夹装上传的图片

 

4、找到net文件夹里面的config.json文件,在找到所有的 /* 图片访问路径前缀 */ 然后在前面的途径加上:/Content/js

其它配置图片访问路径前缀,以此类推,因为我们把ueditor文件夹放在了Content/js文件夹下面

SNF快速开发平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net MVC下使用步骤_SNF_03

5.就是要在你的html页面写Ueditor就可以了。

//实例化编辑器//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例var ue = UE.getEditor('editor');

SNF快速开发平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net MVC下使用步骤_SNF_04

取值、赋值:

var viewModel =function(data){var self = this;snf.viewModel.admin.edit.apply(this, arguments); //保存前取值this.BeforeSave = function(){self.form.Description(UE.getEditor('editor').getContent());};$(function () {window.onload = function () { //加载数据UE.getEditor('editor').setContent(self.form.Description(), false);}});}

 如果感觉加载速度慢的话,可以按如下方法进行加载:直接在页面加载后进行加载富文本控件和初始化

var viewModel =function(data){var self = this;snf.viewModel.admin.edit.apply(this, arguments); //保存前取值this.BeforeSave = function(){self.form.Description(UE.getEditor('editor').getContent());};$(function () {window.onload = function () { //实例化编辑器//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例var ue = UE.getEditor('editor', {toolbars: [['fullscreen', 'source', 'undo', 'redo', 'bold']],zIndex: 10 //处理被遮挡问题});//加载数据UE.getEditor('editor').setContent(self.form.Description(), false);}});}using(['combobox','datebox','datetimebox','numberbox'],easyuifix.datagrid_editor_extend);var data = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model));ko.bindingViewModel(new viewModel(data));

 

生成会报错,在ueditor里面net文件的bin里面的Newtonsoft.Json无法拷贝到当前项目里面的bin目录里面,那是因为ueditor的net文件里面的Newtonsoft.Json的版本要高于项目里面的版本,把项目里面的Newtonsoft.Json引用删除掉,在引用ueditor里面net文件的bin里面的Newtonsoft.Json的dll文件第八步:在Web.config里面找到 节点在它下面的节点里面添加

 

       

       

      如上节点,就可以解决  Newtonsoft.Json无法引用的问题以上步骤都作完成,就可以实现富文本并且可以上传图片了! 

 

下面的处理,不是什么时候都出现的,如果出现进行参考

[HttpPost]

         [ValidateInput(false)]

        public ActionResult Index(FormCollection fc)

        {

            var content = fc["editor"];

            return View();

        } 注意:  [ValidateInput(false)]这是解决一直报安全问题的办法

注意: [ValidateInput(false)]这是解决一直报安全问题的办法在ueditor里面net文件的bin里面的Newtonsoft.Json无法拷贝到当前项目里面的bin目录里面,那是因为ueditor的net文件里面的Newtonsoft.Json的版本要高于项目里面的版本,把项目里面的Newtonsoft.Json引用删除掉,在引用ueditor里面net文件的bin里面的Newtonsoft.Json的dll文件在web.config的配置,要添加Newtonsoft.Json的配置

 这个系列教程文档,欢迎转载:

 

Winform开发框架之图表报表在线设计器2-图表-SNF.EasyQuery项目--SNF快速开发平台3.3-Spring.Net.Framework

Winform开发框架之图表报表在线设计器-报表-SNF.EasyQuery项目--SNF快速开发平台3.3-Spring.Net.Framework

Winform开发框架之通用附件管理模块 --SNF快速开发平台3.3-Spring.Net.Framework

SNFAutoupdater通用自动升级组件V2.0-WinForm

SNF快速开发平台3.2之--.Net可扩展的单据编号生成器-SNF.CodeRule

SNF快速开发平台3.1之--审核流(3)低调奢华,简单不凡,实例演示-SNF.WorkFlow

SNF快速开发平台3.1之--审核流(2)流程设计-SNF.WorkFlow功能使用说明

SNF快速开发平台3.1之--审核流(1)SNF.WorkFlow审核流简介

SNF快速开发平台3.0之--完美的代码生成器SNF.CodeGenerator-快速开发者的利器

基于MVC4+EasyUI的Web开发框架--Spring.Net.FrameworkV3.0总体介绍

SNF快速开发平台3.0之--MVC 打印解决方案

SNF快速开发平台3.0之--文件批量上传-统一附件管理器-在线预览文件(有互联网和没有两种)

SNF快速开发平台3.0之--asp.net mvc4 强大的导出和不需要上传文件的批量导入EXCEL

SNF快速开发平台3.0之MVC通用控件库展示-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF快速开发平台3.0之BS页面展示和九大优点-部分页面显示效果-Asp.net+MVC4.0+WebAPI+EasyUI +Knockout

SNF快速开发平台3.0之-界面个性化配置+10种皮肤+7种菜单-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF快速开发平台3.0之-CS页面-Asp.net+Spring.Net.Framework

SNF快速开发平台3.0之--系统里广播的作用--迅速及时、简明扼要的把信息发送给接收者

相关推荐: